﻿@model LeadExpress.Models.ViewPages.BannerTransactionManagementModel
@{
    ViewBag.Title = "Thông tin giao dịch";
    Layout = "~/Views/Shared/_Layout.Management.cshtml";
}
<form method="post" class="form" action="/Management/BannerTransactionList/Edit/@ViewBag.TransactionId">
	<fieldset id="firstStep">
			<h2 class="app">
	            <strong>Express - Thông tin giao dịch banner</strong>
            </h2>
			<div class="errorMessage" data-bind="visible: InvalidateForm" >
			    <span class="error">Xin hãy nhập thông tin bên dưới chính xác.</span>
			</div>				
			<div class="title">
                <span class="right-btns">
                    Cập nhật: <span>@Model.BannerTransactionInfo.DateCreated</span>
                    <span class="v-line"></span>
                    Ngày giao dịch: <span>@Model.BannerTransactionInfo.TransactionDate</span>
                </span>
				<h3>Thông tin giao dịch banner</h3>
			</div>
			<div class="columns">
				<div class="col indent">
					<div class="row">
						<label for="text1">Tên quảng bá:</label>
						<input class="text" type="text" data-bind="value: BannerName, attr:{maxlength:250}" name="BannerName" />
					</div>
					<div class="row">
						<label for="text2">Lựa chọn:</label>
                        <div class="select-holder">
							<select class="select1" name="optionId"  data-bind='value: BannerOptionId, foreach: BannerOptions, optionsCaption: "Select Options"'>
								<option data-bind="value: ID, text: Name">Select Options</option>
							</select>
						</div>
					</div>
					<div class="row">
						<label for="text4">Nhóm:</label>
                        <div class="select-holder">
							<select class="select1" name="groupId" data-bind='value: BannerGroupId, foreach: BannerGroups, optionsCaption: "Select Options"'>
								<option data-bind="value: ID, text: Name">Select Options</option>
							</select>
						</div>
					</div>
					<div class="row">
						<label for="text4">Vị trí:</label>
                        <div class="select-holder">
							<select class="select1" name="positionId" data-bind='value: BannerPositionId, foreach: BannerPositions, optionsCaption: "Select Options"'>
								<option data-bind="value: ID, text: Name">Select Options</option>
							</select>
						</div>
					</div>
					<div class="row">
						<label for="text4">Thanh toán:</label>
                        <div class="select-holder">
							<select class="select1" name="paymentId" data-bind='value: PaymentId, foreach: Payments, optionsCaption: "Select Options"'>
								<option data-bind="value: ID, text: Name">Select Options</option>
							</select>
						</div>
					</div>
					<div class="row">
						<label for="text4">Từ ngày:</label>
						<input class="text calendar-date" type="text" value="@Model.BannerTransactionInfo.StartDate" data-bind='attr:{maxlength:20}' name="StartDate"/>
					</div>
					<div class="row">
						<label for="text4">Đến ngày:</label>
						<input class="text calendar-date" type="text" value="@Model.BannerTransactionInfo.EndDate" data-bind='attr:{maxlength:20}' name="EndDate"/>
					</div>
					<div class="row">
						<label for="text4">Giá tiền:</label>
						<input class="text" type="text" data-bind='value: ListPrice, attr:{maxlength:100}' name="ListPrice"/>
					</div>
					<div class="row">
						<label for="text4">Đơn vị tính:</label>
						<input class="text" type="text" data-bind='value: UnitPrice, attr:{maxlength:100}' name="UnitPrice"/>
					</div>      
				    <div id="editform" class="row">
					    <label>Hiển thị:</label>
                        <div class="groupinput">
                            <input class="text" type="checkbox" data-bind="checked: Approved" name="Approved" />
                        </div>
				    </div>
				</div>
			</div>

		<div class="foot-info">
			<h3 class="centered-wbtn centered-wbtn-bottom save">
  				<span>
  					<a class="btn btn-cancel-page" href="/Management/BannerTransactionList">previous</a>
					<input type="button" class="btn btn-submit-page" data-bind="click: SubmitForm" value="Submit" />
                </span>
			</h3>
		</div>
	</fieldset>
</form>
<script type="text/javascript">
    var data = @(Html.Raw(Json.Encode(Model)));
</script>
<script src="/Scripts/Banner/EditBannerTransaction.js" type="text/javascript"></script>